<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<body>
	<th:block th:fragment="header">
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css" th:href="@{/css/lib/bootstrap.min.css}">
		<link rel="stylesheet" href="../../static/css/lib/toastr.min.css" th:href="@{/css/lib/toastr.min.css}">
		<link rel="stylesheet" href="../../static/css/common.css" th:href="@{/css/common.css?v=20180628}">
	</th:block>
	<th:block th:fragment="js">
		<script src="../../static/js/lib/jquery-2.1.4.min.js" th:src="@{/js/lib/jquery-2.1.4.min.js}"></script>
		<script src="../../static/js/lib/md5.min.js" th:src="@{/js/lib/md5.min.js}"></script>
		<script src="../../static/js/lib/base64.js" th:src="@{/js/lib/base64.js}"></script>
		<script src="../../static/js/lib/bootstrap.min.js" th:src="@{/js/lib/bootstrap.min.js}"></script>
		<script src="../../static/js/lib/toastr.min.js" th:src="@{/js/lib/toastr.min.js}"></script>
		<script src="../../static/js/common.js" th:src="@{/js/common.js?v=20180703}"></script>
	</th:block>

	<th:block th:fragment="modal">
		<div class="modal fade modal-user" id="modal-user" tabindex="-1" role="dialog">
		    <div class="modal-dialog" role="document">
		        <div class="modal-content">
		            <div class="modal-header">
		            	<img class="user-logo" src="../../../resources/static/img/user-logo.png" th:src="@{/img/user-logo.png}" alt="logo">
		            	<div class="user-logo-bg"></div>
		                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		                <ul class="row nav nav-pills">
	                        <li class="active"><a href="#user-login-tab" data-toggle="tab">登录</a></li>
	                        <li><a href="#user-reg-tab" data-toggle="tab">注册</a></li>
	                    </ul>
		            </div>
		            <div class="modal-body">
		            	<div class="tab-content">
		            		<div id="user-login-tab" class="tab-pane active">
								<form id="login-form" class="form-horizontal" action="/user/login" method="post" onsubmit="return false;">
				                    <div class="form-group">
				                        <div class="col-sm-12">
				                        	<i class="sm-icon icon-user"></i>
				                            <input type="tel" class="form-control removeiOS input-default" id="login-mobile" name="mobile" placeholder="请输入手机号">
				                        </div>
				                    </div>
				                    <div class="form-group">
				                        <div class="col-sm-12">
				                        	<i class="sm-icon icon-pwd"></i>
				                            <input type="password" class="form-control removeiOS input-default" id="login-password" name="password" placeholder="请输入密码">
				                        </div>
				                    </div>
				                    <div class="form-group">
				                        <div class="col-sm-12">
				                            <button type="submit" class="btn btn-primary btn-block btn-radius" id="login-btn">登录</button>
				                        </div>
				                    </div>
				                    <p class="tips"><a href="" onclick="closeModal(this)" data-toggle="modal" data-target="#modal-findpwd">忘记密码了</a></p>
				                </form>
			            	</div>
			            	<div id="user-reg-tab" class="tab-pane">
			            		<form class="form-horizontal" onsubmit="return false;">
			            				<div class="form-group">
					                        <div class="col-sm-12">
					                        	<i class="sm-icon icon-user"></i>
					                            <input type="tel" class="form-control removeiOS input-default" id="reg-mobile" name="mobile" placeholder="请输入手机号">
					                        </div>
					                    </div>
					                    <div class="form-group reg-first-mod">
					                        <div class="col-sm-12">
					                        	<i class="sm-icon icon-pwd"></i>
					                            <input type="password" class="form-control removeiOS input-default" id="reg-password" name="password" placeholder="请输入密码">
					                        </div>
					                    </div>
					                    <p class="reg-tips reg-first-mod">
					                    	注册即表示同意<a target="_blank" href="/user/agreement">用户协议</a>
					                    </p>
					                    <div class="form-group reg-first-mod">
					                        <div class="col-sm-12">
					                            <button class="btn btn-primary btn-block btn-radius" id="reg-fisrt-btn">注册</button>
					                        </div>
					                    </div>
					                    <div class="form-group code-form-group reg-sec-mod">
					                        <div class="col-sm-12">
					                        	<i class="sm-icon icon-pwd"></i>
					                            <input type="tel" class="form-control removeiOS input-default" id="reg-code" name="vaildCode" placeholder="请输入验证码">
					                        </div>
					                        <button class="btn btn-line btn-radius get-code-btn">获取验证码</button>
					                    </div>
					                    <div class="form-group reg-sec-mod">
					                        <div class="col-sm-12">
					                            <button type="submit" class="btn btn-primary btn-block btn-radius" id="reg-sec-btn">完成注册</button>
					                        </div>
					                    </div>
				                </form>
			            	</div>
		            	</div>
		                
		            </div>
		            <div class="modal-footer">
		                <div class="user-oauth">
		                    <span>微信授权登录</span>
		                        <a href="javascript:void(0);" class="user-wxlogin"></a>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="modal fade modal-user" id="modal-findpwd" tabindex="-1" role="dialog">
		    <div class="modal-dialog" role="document">
		        <div class="modal-content">
		            <div class="modal-header">
		            	<img class="user-logo" src="../../../resources/static/img/user-logo.png" th:src="@{/img/user-logo.png}" alt="logo">
		            	<div class="user-logo-bg"></div>
		                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		                <ul class="row nav nav-pills">
	                        <li class="active">找回密码</li>
	                    </ul>
		            </div>
		            <div class="modal-body">
						<form id="findpwd-form" class="form-horizontal" action="/pass/login" method="post" onsubmit="return false;">
							<div class="form-group">
		                        <div class="col-sm-12">
		                        	<i class="sm-icon icon-user"></i>
		                            <input type="tel" class="form-control removeiOS input-default" id="findpwd-mobile" name="mobile" placeholder="请输入手机号">
		                        </div>
		                    </div>
		                    <div class="form-group code-form-group">
		                        <div class="col-sm-12">
		                        	<i class="sm-icon icon-pwd"></i>
		                            <input type="tel" class="form-control removeiOS input-default" id="findpwd-code" name="vaildCode" placeholder="请输入验证码">
		                            <button class="btn btn-line btn-radius get-code-btn">获取验证码</button>
		                        </div>
		                    </div>
		                    <div class="form-group">
		                        <div class="col-sm-12">
		                        	<i class="sm-icon icon-pwd"></i>
		                            <input type="password" class="form-control removeiOS input-default" id="findpwd-password" name="password" placeholder="请输入新密码">
		                        </div>
		                    </div>
		                    <!-- <div class="form-group">
		                        <div class="col-sm-12">
		                        	<i class="sm-icon icon-pwd"></i>
		                            <input type="password" class="form-control removeiOS input-default" id=findpwd-password2" name="password" placeholder="请确认新密码">
		                        </div>
		                    </div> -->
		                    <div class="form-group">
		                        <div class="col-sm-12">
		                            <button type="submit" class="btn btn-primary btn-block btn-radius" id="findpwd-btn">完成</button>
		                        </div>
		                    </div>
		                    <p class="tips">想起密码了？去<a href="" onclick="closeModal(this)" data-toggle="modal" data-target="#modal-user">登录</a>吧</p>
		                </form>
		            </div>
		        </div>
		    </div>
	</th:block>
</body>
</html>